<template>
	<view class="content">
		<view class="top">
			<view class="row">
				<text style="color: white; font-size: 46rpx; border-right: 1rpx solid #fff; padding-right: 20rpx;">JOYLOOP</text>
				<image style="width: 210rpx;  height: 79rpx;" :src="imgUrl + '/bundle/static/circulate_top2.png'"></image>
			</view>
			<text class="row" style="margin-top: 60rpx; color:#fff;">{{title}}</text>
		</view>
		<view class="center">
			<text style="margin-top: 20rpx;">您知道纺织废料是一个主要的环境问题吗?每年，数百万吨的衣服和其他纺织品最终被填埋，造成污染和浪费。然而，通过回收旧衣服，我们可以帮助减少这种影响，并回收旧衣服。</text>
			<view class="block">
				<text class="title">纺织废料对环境的影响</text>
				<view class="text_list">
					<view class="text_item">
						<view class="text_point"><view class="point"></view></view>
						<text class="text_line">纺织废料对环境造成的切实而深远的影响损害了时尚业。该行业的不利影响蒙上了一层阴影，从生产过程中大量消耗水和化学品到随后丢弃不需要的衣物。</text>
					</view>
					<view class="text_item">
						<view class="text_point"><view class="point"></view></view>
						<text class="text_line">这些行为共同造成了令人震惊的污染、温室气体排放和宝费资源的枯。一系列受人尊敬的消息来源证实了这种情况的严重性。</text>
					</view>
					<view class="text_item">
						<view class="text_point"><view class="point"></view></view>
						<text class="text_line">为了应对纺织废料带来的多方面挑战。通过将度弃纺织品重新想象为宝贵的资源，时尚业可以重新调整其可持续发展的轨迹，从而减轻潜在的灾难性生态足迹。</text>
					</view>
				</view>
			</view>
			<view class="block">
				<text class="title">纺织品回收的好处</text>
				<view class="text_list">
					<view class="text_item">
						<view class="text_point"><view class="point"></view></view>
						<text class="text_line"><text class="color_green">资源节约:</text>纺织品回收通过减少对新材料的需求，在节约宝贵资源方面发挥着关键作用。</text>
					</view>
					<view class="text_item">
						<view class="text_point"><view class="point"></view></view>
						<text class="text_line"><text class="color_green">减少排放:</text>回收纺织品有助于降低与生产新面料相关的温室气体排放和能源消耗。</text>
					</view>
					<view class="text_item">
						<view class="text_point"><view class="point"></view></view>
						<text class="text_line"><text class="color_green">循环经济:</text>纺织品回收通过将回收的纺织品重新引入生产周期来支持循环经济模式，其中材料得到重复利用并最大限度地减少浪费。</text>
					</view>
				</view>
			</view>
		</view>
		<view class="bottom-box">
			可回收纺织品有很多好处。它通过减少对新材料的需求来帮助节约资源。此外，它还可以帮助降低与生产新纺织品相关的温室气体排放和能源消耗。最后，纺织品回收可以创造就业机会并为循环经济做出贯献。
		</view>
		<router-link to="/bundle/pages/my_goods/my_goods">
			<button size="sm" class="bg-primary white" hover-class="none">下一步</button>
		</router-link>
		
	</view>
</template>
<script>
	export default {
		data() {
			return {
				title:'以旧换新',
				imgUrl:`${this.$imgUrl}/wechat`,
			};
		},
		onLoad: function(options) {
			let type = this.$Route.query.type;
			if(type == 'circulate'){
				uni.setNavigationBarTitle({
					title: '羽绒回收'  
				  });  
				  this.title = '羽绒回收';
			}
			
		},
		methods: {
		}
	};
</script>
<style lang="scss" scoped>
	.content{
		display: flex;
		flex-direction: column;
		align-items: center;
		font-size: 26rpx;
		.top{
			width: 100%;
			height: 260rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			background-color: $-color-green;
			.row{
				display: flex;
				flex-direction: row;
				width: 100%;
				justify-content: center;
				align-items: center;
			}
		}
		.center{
			color: $-color-normal;
			display: flex;
			flex-direction: column;
			line-height: 38rpx;
			margin: 20rpx 60rpx;
			width: 90%;
			.block{
				margin-top: 30rpx;
				.title{
					display: block;
					width: 680rpx;
					color: $-color-green;
					font-size: 32rpx;
					padding-bottom: 20rpx;
					margin-top: 30rpx;
					border-bottom: 5rpx solid $-color-border;
				}
				.text_list{
					display: flex;
					flex-direction: column;
					.text_item{
						margin: 10rpx 0;
						display: flex;
						flex-direction: row;
						flex-wrap: nowrap;
						.text_point{
							width: 4%;
							margin-top: 20rpx;
							.point{
								width: 20rpx;
								height: 20rpx;
								background-color: $-color-green;
							}
						}
						.text_line{
							width: 94%;
							flex-wrap: wrap;
							margin-top: 10rpx;
							margin-left: 20rpx;
							display: flex;
							flex-direction: row;
							.color_green{
								color: $-color-green;
								font-weight: bolder;
							}
						}
						
					}
				}
				
				
			}
		}
		.bottom-box{
			width: 90%;
			color: $-color-muted;
			line-height: 38rpx;
			margin-top: 20rpx;
			margin-bottom: 30rpx;
		}
	}
</style>
